// pages/search/search.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    keyword: '', // 搜索关键词
    autoFocus: false, // 是否自动聚焦
    hasSearched: false, // 是否已搜索
    // 热门搜索关键词
    hotKeywords: [
      '快反王',
      'DT510',
      'DT500',
      'KA3000',
      'A4E',
      '鲍麦克斯'
    ],
    // 搜索结果
    searchResults: []
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    // 如果有传递关键词，自动搜索
    if (options.keyword) {
      const keyword = decodeURIComponent(options.keyword);
      this.setData({
        keyword: keyword,
        autoFocus: false
      });
      this.performSearch(keyword);
    } else {
      // 没有关键词时，自动聚焦搜索框
      this.setData({
        autoFocus: true
      });
    }
  },

  /**
   * 关键词输入事件
   */
  onKeywordInput(e) {
    this.setData({
      keyword: e.detail.value
    });
  },

  /**
   * 搜索确认事件（回车键触发）
   */
  onSearchConfirm(e) {
    const keyword = e.detail.value.trim();
    if (keyword) {
      // 跳转到服务活动列表页，传递搜索关键词
      wx.navigateTo({
        url: `/pages/article_list/article_list?noticeName=${encodeURIComponent(keyword)}`
      });
    }
  },

  /**
   * 搜索按钮点击事件
   */
  onSearchClick() {
    const keyword = this.data.keyword.trim();
    if (keyword) {
      // 跳转到服务活动列表页，传递搜索关键词
      wx.navigateTo({
        url: `/pages/article_list/article_list?noticeName=${encodeURIComponent(keyword)}`
      });
    } else {
      wx.showToast({
        title: '请输入搜索关键词',
        icon: 'none'
      });
    }
  },

  /**
   * 热门标签点击事件
   */
  onHotTagTap(e) {
    const keyword = e.currentTarget.dataset.keyword;
    this.setData({
      keyword: keyword
    });
    this.performSearch(keyword);
  },

  /**
   * 执行搜索
   */
  performSearch(keyword) {
    if (!keyword.trim()) {
      return;
    }

    this.setData({
      hasSearched: true,
      keyword: keyword
    });

    // TODO: 调用后端搜索接口
    // wx.request({
    //   url: 'https://your-api.com/search',
    //   method: 'GET',
    //   data: {
    //     keyword: keyword
    //   },
    //   success: (res) => {
    //     if (res.statusCode === 200) {
    //       this.setData({
    //         searchResults: res.data.results || []
    //       });
    //     }
    //   },
    //   fail: (err) => {
    //     console.error('搜索失败:', err);
    //     wx.showToast({
    //       title: '搜索失败',
    //       icon: 'none'
    //     });
    //   }
    // });

    // 模拟搜索结果
    this.loadMockResults(keyword);
  },

  /**
   * 加载模拟搜索结果
   */
  loadMockResults(keyword) {
    // 模拟搜索延迟
    setTimeout(() => {
      const mockResults = [
        {
          id: 1,
          name: 'DT510 拖轮',
          image: 'https://via.placeholder.com/200x200'
        },
        {
          id: 2,
          name: 'DT500 拖轮',
          image: 'https://via.placeholder.com/200x200'
        },
        {
          id: 3,
          name: 'KA3000 拖轮',
          image: 'https://via.placeholder.com/200x200'
        },
        {
          id: 4,
          name: 'A4E 鲍麦克斯',
          image: 'https://via.placeholder.com/200x200'
        },
        {
          id: 5,
          name: '快反王拖轮',
          image: 'https://via.placeholder.com/200x200'
        },
        {
          id: 6,
          name: `${keyword}相关产品1`,
          image: 'https://via.placeholder.com/200x200'
        }
      ];

      // 根据关键词过滤结果
      const filteredResults = mockResults.filter(item => 
        item.name.includes(keyword)
      );

      this.setData({
        searchResults: filteredResults.length > 0 ? filteredResults : mockResults
      });
    }, 300);
  },

  /**
   * 搜索结果点击事件
   */
  onResultTap(e) {
    const { id } = e.currentTarget.dataset;
    // 跳转到产品详情页
    wx.navigateTo({
      url: `/pages/details/details?id=${id}`
    });
  },

  /**
   * 取消按钮点击事件
   */
  onCancel() {
    // 返回上一页
    wx.navigateBack();
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})

